<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="前端小牛雷小酥">
    <meta name="Copyright" content="%copy;版权归前端小牛雷小酥所有，禁止复制">
    <title>手机阿里</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="./css/iphone.css">
    <link rel="shortcut icon" href="./image/x-icon.png" type="image/x-icon">
    <style>
        body {
            width: 100%;
            /* *cursor: default; */
            overflow: hidden;
            /* font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial; */
        }

        #pageContain {
            overflow: hidden;
        }

        .page {
            display: none;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
        }

        .current {
            display: block;
            z-index: 1;
        }

        .slide {
            display: block;
            z-index: 2;
        }

        .swipe {
            display: block;
            z-index: 3;
            transition-duration: 0ms !important;
            -webkit-transition-duration: 0ms !important;
        }

        .page3 {
            background: white;
        }
    </style>
</head>

<body>
    <div id="pageContain">
        <div class="page page1 current">
            <div class="head">
                <nav class="navBox">
                    <ul class="navHend">
                        <li class="navRelative">
                            <a href="#">
                                <span class="iconfont" style="color:#ff7300;">&#xe603;</span>
                                <div class="telphone hver">手机阿里</div>
                            </a>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative" style="font-size: 12px;">欢迎来到阿里巴巴</li>
                        <li class="navRelative">
                            <a href="./onload.html" target="_blank">
                                <span class="iconfont" style="color:#e25c5d;">&#xe696;</span>
                                <div class="telphone hver" title="请登录">请登录</div>
                            </a>
                        </li>
                        <li class="navRelative"><a class="hver" href="#" title="免费注册">免费注册</a></li>
                    </ul>
                    <ul class="navList">
                        <li class="navRelative"><a class="hver" href="" title="1688首页">1688首页</a></li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver" title="我的阿里">我的阿里</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:270px;">
                                <ul>
                                    <h6>买家中心</h6>
                                    <li>已买到货品</li>
                                    <li>优惠券</li>
                                    <li>发布询价单</li>
                                    <li>店铺动态</li>
                                </ul>
                                <ul>
                                    <h6>卖家中心</h6>
                                    <li>已卖出货品</li>
                                    <li>发布供应产品</li>
                                    <li>管理供应产品</li>
                                    <li>管理旺铺</li>
                                </ul>
                                <ul>
                                    <h6>服务</h6>
                                    <li>开店装修</li>
                                    <li>应用工具</li>
                                    <li>运营服务</li>
                                    <li>综合服务</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver1" title="进货单">进货单</div>
                                <span class="iconfont" style="color:#ff7300;">&#xe643;</span>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a></li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver1" title="我的收藏">我的收藏</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:250px;">
                                <ul>
                                    <h6>货源</h6>
                                    <li>收藏的货品</li>
                                    <li>铺货入淘的货品</li>
                                    <li>铺货跨境ERP的货品</li>
                                    <li>转发过的货品</li>
                                    <li>浏览足迹</li>
                                </ul>
                                <ul>
                                    <h6>供应商</h6>
                                    <li>收藏的供应商</li>
                                    <li>收藏的工厂</li>
                                    <li>收藏的服务</li>
                                    <li>交易过的供应商</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver" title="诚信通">诚信通</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:110px;">
                                <ul>
                                    <li>立即开店</li>
                                    <li>功能体验馆</li>
                                    <li>新会员申请</li>
                                    <li>老会员续费</li>
                                    <li>会员活动</li>
                                    <li>我的诚信通</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver" title="实力商家">实力商家</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:110px;">
                                <ul>
                                    <li>商家权益</li>
                                    <li>入驻标准</li>
                                    <li>成功案例</li>
                                    <li>新商入驻</li>
                                    <li>我要续约</li>
                                    <li>学习中心</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver" title="超级工厂">超级工厂</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:110px;">
                                <ul>
                                    <li>商家权益</li>
                                    <li>入驻标准</li>
                                    <li>新商入驻</li>
                                    <li>产地王牌</li>
                                    <li>成长中心</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver" title="工业品牌">工业品牌</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:120px;">
                                <ul>
                                    <li>我要入驻</li>
                                    <li>商家权益</li>
                                    <li>品牌1+N建站</li>
                                    <li>成长中心</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a href="">
                                <div class="hver" title="我是供应商">我是供应商</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:110px;">
                                <ul>
                                    <li>成长中心</li>
                                    <li>成功经验</li>
                                    <li>热门活动</li>
                                    <li>营销推广</li>
                                    <li>本地服务</li>
                                    <li>运营服务</li>
                                    <li>卖家工具</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative">
                            <a href="">
                                <div class="hver" title="客服中心">客服中心</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:110px;">
                                <ul>
                                    <li>买家客服</li>
                                    <li>卖家客服</li>
                                </ul>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative1" style="position:relative;z-index:9999;"><a href="">
                                <div class="hver" title="网站导航" style="white-space: nowrap;">网站导航</div>
                                <span class="iconfont icon rotate">&#xe749;</span>
                            </a>
                            <div class="hoverSlid" style="width:550px;left:-475px;top:27px;">
                                <div class="hoverSlidRow">
                                    <h6>行业市场</h6>
                                    <div>
                                        <span>女装</span>
                                        <span class="betweenLine"></span>
                                        <span>男装</span>
                                        <span class="betweenLine"></span>
                                        <span>内衣</span>
                                        <span class="betweenLine"></span>
                                        <span>鞋靴</span>
                                        <span class="betweenLine"></span>
                                        <span>箱包</span>
                                        <span class="betweenLine"></span>
                                        <span>配饰</span>
                                        <span class="betweenLine"></span>
                                        <span>运动户外</span>
                                        <span class="betweenLine"></span>
                                        <span>母婴用品</span>
                                        <span class="betweenLine"></span>
                                        <span>童装</span>
                                        <span class="betweenLine"></span>
                                        <span>玩具</span>
                                        <span class="betweenLine"></span>
                                        <span>工艺品</span>
                                        <span class="betweenLine"></span>
                                        <span>宠物</span>
                                        <span class="betweenLine"></span>
                                        <span>园艺</span>
                                        <span class="betweenLine"></span>
                                        <span>日用百货</span>
                                        <span class="betweenLine"></span>
                                        <span></span>
                                        <span class="betweenLine"></span>
                                        <span>办公文教</span>
                                        <span class="betweenLine"></span>
                                        <span>汽车用品</span>
                                        <span class="betweenLine"></span>
                                        <span>食品饮料</span>
                                        <span class="betweenLine"></span>
                                        <span>餐饮生鲜</span>
                                        <span class="betweenLine"></span>
                                        <span> 家纺家饰</span>
                                        <span class="betweenLine"></span>
                                        <span>家装建材</span>
                                        <span class="betweenLine"></span>
                                        <span>美容化妆</span>
                                        <span class="betweenLine"></span>
                                        <span>个护家清</span>
                                        <span class="betweenLine"></span>
                                        <span> 3C</span>
                                        <span class="betweenLine"></span>
                                        <span>手机家电</span>
                                        <span class="betweenLine"></span>
                                        <span>电工</span>
                                        <span class="betweenLine"></span>
                                        <span>电气照明</span>
                                        <span class="betweenLine"></span>
                                        <span>仪表包装</span>
                                        <span class="betweenLine"></span>
                                        <span>印刷纸业</span>
                                        <span class="betweenLine"></span>
                                        <span>电子元器件</span>
                                        <span class="betweenLine"></span>
                                        <span>安防</span>
                                        <span class="betweenLine"></span>
                                        <span> 机械设备</span>
                                        <span class="betweenLine"></span>
                                        <span>五金工具</span>
                                        <span class="betweenLine"></span>
                                        <span>劳保橡塑</span>
                                        <span class="betweenLine"></span>
                                        <span>原料</span>
                                        <span class="betweenLine"></span>
                                        <span>化工原料</span>
                                        <span class="betweenLine"></span>
                                        <span>精细化工</span>
                                        <span class="betweenLine"></span>
                                        <span>钢材</span>
                                        <span class="betweenLine"></span>
                                        <span>纺织皮革</span>
                                    </div>
                                </div>
                                <div class="hoverSlidRow">
                                    <h6>特色市场</h6>
                                    <div>
                                        <span>淘货源</span>
                                        <span class="betweenLine"></span>
                                        <span>伙拼微商</span>
                                        <span class="betweenLine"></span>
                                        <span>进货</span>
                                        <span class="betweenLine"></span>
                                        <span>跨境</span>
                                        <span class="betweenLine"></span>
                                        <span>专供工业品</span>
                                        <span class="betweenLine"></span>
                                        <span> 品牌站</span>
                                        <span class="betweenLine"></span>
                                        <span>找工厂源头</span>
                                        <span class="betweenLine"></span>
                                        <span> 好货实力</span>
                                        <span class="betweenLine"></span>
                                        <span>优品</span>
                                        <span class="betweenLine"></span>
                                        <span>产业带</span>
                                        <span class="betweenLine"></span>
                                        <span>超级店</span>
                                        <span class="betweenLine"></span>
                                        <span>企业汇采</span>
                                    </div>
                                </div>
                                <div class="hoverSlidRow">
                                    <h6>采购平台</h6>
                                    <div>
                                        <span>大企业采购</span>
                                        <span class="betweenLine"></span>
                                        <span>采购对接</span>
                                    </div>
                                </div>
                                <div class="hoverSlidRow">
                                    <h6>以商会友</h6>
                                    <div>
                                        <span>商友圈</span>
                                        <span class="betweenLine"></span>
                                        <span>生意经1688中</span>
                                        <span class="betweenLine"></span>
                                        <span>小企业成长中心</span>
                                    </div>
                                </div>
                                <div class="hoverSlidRow">
                                    <h6>常用工具</h6>
                                    <div>
                                        <span>商家工作台</span>
                                        <span class="betweenLine"></span>
                                        <span>手机阿里</span>
                                        <span class="betweenLine"></span>
                                        <span>买家版手机</span>
                                        <span class="betweenLine"></span>
                                        <span>阿里卖</span>
                                        <span class="betweenLine"></span>
                                        <span>家版阿里</span>
                                        <span class="betweenLine"></span>
                                        <span>贷款</span>
                                        <span class="betweenLine"></span>
                                        <span>阿里物流</span>
                                        <span class="betweenLine"></span>
                                        <span>商机助理</span>
                                        <span class="betweenLine"></span>
                                        <span>找货神器</span>
                                    </div>
                                </div>
                                <div class="hoverSlidRow">
                                    <h6>安全交易</h6>
                                    <div>
                                        <span> 安全交易</span>
                                        <span class="betweenLine"></span>
                                        <span> 买家保障</span>
                                        <span class="betweenLine"></span>
                                        <span>商家认证</span>
                                        <span class="betweenLine"></span>
                                        <span>支付宝</span>
                                        <span class="betweenLine"></span>
                                        <span>阿里网规</span>
                                        <span class="betweenLine"></span>
                                        <span> 投诉举报</span>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <span class="line"></span>
                        <li class="navRelative"><a class="hver" href="" title="网站无障碍">网站无障碍</a></li>
                    </ul>
                </nav>
            </div>
            <div class="page1Middle">
                <div class="page1MiddleBox">
                    <div class="topBottom">
                        <div class="shop"><img width="100%" src="./image/shop.png" alt=""></div>
                        <div class="Bottom">
                            <div class="ButtomLR"><img width="100%" src="./image/TB.png" alt=""></div>
                            <div class="picture"><img width="100%" src="./image/picture.png" alt=""></div>
                        </div>
                    </div>
                    <div class="iphone"><img width="100%" height="100%" src="./image/iphone.png" alt=""></div>
                </div>
                <div class="page1MiddleBesise">
                    <a href="">卖家功能介绍</a>
                    <span>|</span>
                    <a href="">社区交流</a>
                </div>
            </div>
        </div>

        <div class="page page2">
            <div class="page2Box">
                <div class="page2Image"><img width="100%"
                        src="	https://cbu01.alicdn.com/cms/upload/2015/615/614/2416516_932907792.png" alt="">
                    <div class="page2Image1"><img width="100%"
                            src="	https://cbu01.alicdn.com/cms/upload/2015/437/404/2404734_932907792.png" alt=""></div>
                    <div class="page2Image2"><img width="100%"
                            src="	https://cbu01.alicdn.com/cms/upload/2015/986/993/2399689_932907792.png" alt=""></div>
                    <div class="page2Image3"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/415/614/2416514_932907792.png" alt=""></div>
                    <div class="page2Image4"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/016/904/2409610_932907792.png" alt=""></div>
                    <div class="page2Image5"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/627/204/2402726_932907792.png" alt=""></div>
                    <div class="page2Image6"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/515/614/2416515_932907792.png" alt=""></div>
                </div>
                <h1>精品的货源市场</h1>
            </div>
        </div>

        <div class="page page3">
            <div class="pageMiddleBanner">
                <div class="gife"><img width="100%"
                        src="	https://cbu01.alicdn.com/cms/upload/2015/796/104/2401697_932907792.png" alt=""></div>
                <div class="repeatIphone"><img width="100%"
                        src="https://cbu01.alicdn.com/cms/upload/2015/056/804/2408650_932907792.png" alt=""></div>
                <div class="fire1"><img width="100%"
                        src="https://cbu01.alicdn.com/cms/upload/2015/915/614/2416519_932907792.png" alt=""></div>
                <div class="fire2"><img width="100%"
                        src="https://cbu01.alicdn.com/cms/upload/2015/915/614/2416519_932907792.png" alt=""></div>
                <h1 class="getShop">下单更优惠&nbsp;利润赚翻天</h1>
            </div>
        </div>

        <div class="page page4">
            <div class="pageMiddleBanner">
                <div class="pageLike"><img width="100%"
                        src="	https://cbu01.alicdn.com/cms/upload/2015/537/404/2404735_932907792.png" alt=""></div>
                <div class="pageNew"><img width="100%"
                        src="	https://cbu01.alicdn.com/cms/upload/2015/896/304/2403698_932907792.png" alt=""></div>
                <div class="pageLook"><img width="100%"
                        src="	https://cbu01.alicdn.com/cms/upload/2015/315/814/2418513_932907792.png" alt=""></div>
                <div class="pageFond"><img width="100%"
                        src="	https://cbu01.alicdn.com/cms/upload/2015/727/204/2402727_932907792.png" alt=""></div>
                <p class="pageSelect">全新操控体验&nbsp;选择一目了然</p>
            </div>
        </div>

        <div class="page page5">
            <div class="pageMiddleBanner1">
                <div>
                    <div class="page5Image"><img width="100%"
                            src="	https://cbu01.alicdn.com/cms/upload/2015/156/804/2408651_932907792.png" alt=""></div>
                    <div class="page5Image"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/815/514/2415518_932907792.png" alt=""></div>
                    <div class="page5Image"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/815/514/2415518_932907792.png" alt=""></div>
                    <div class="page5Image"><img width="100%"
                            src="https://cbu01.alicdn.com/cms/upload/2015/996/304/2403699_932907792.png" alt=""></div>
                </div>
                <h1>进货专属服务&nbsp;贴心无微不至</h1>
            </div>
        </div>
    </div>

    <ul id="navBar">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

    <script src="js/fullPage.min.js"></script>
    <script>
        var runPage;
        runPage = new FullPage({
            id: 'pageContain',
            slideTime: 800,
            effect: {
                transform: {
                    translate: 'Y'
                },
                opacity: [0, 1]
            },
            mode: 'wheel, touch, nav:navBar',
            easing: 'ease-out'
        });
    </script>

</body>

</html>